<template>
  <div class="home">
    <TopView />
    <SalesView />
    <BottomView />
    <MapView />
  </div>
</template>

<script>
// @ is an alias to /src
import TopView from "@/components/TopView";
import MapView from "@/components/MapView";
import SalesView from "@/components/SalesView";
import BottomView from "@/components/BottomView";
// import   BottomView from "@/components/MapView"
export default {
  name: "Home",
  components: {
    TopView,
    SalesView,
    BottomView,
    MapView,
  },
};
</script>
<style scoped>
.home {
  width: 100%;
  /* height: 100%; */
  background-color: #eee;
  padding: 20px;
  box-sizing: border-box;
}
</style>